<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>千峰官网图</title>
    <link rel="stylesheet" href="./css/css-3.css">
</head>

<body>
    <!-- 
        页面书写 横向划分
        设计稿中占整个一屏宽的叫做通栏
        内容居中区域叫做版心
     -->
    <!-- 8块区域 -->
    <!-- 微信区域 -->
    <div class="wx">
        <div class="wxCenter">
            <!-- 左侧 -->
            <div class="wxLeft">
                千峰教育-做有情怀、
                有良心
                有品质的
                干锋教育
                流教育机构
            </div>
            <!-- 右侧 -->
            <div class="wxRight">
                <img src="./images/gf_03.png" alt="">
            </div>
        </div>
    </div>
    <!-- logo区域 -->
    <div class="logo">
        <div class="logoCenter">
            <div class="logoLeft">
                <img src="./images/gf_07.png" alt="">
            </div>
            <div class="logoRight">
                <img src="./images/gf_09.png" alt="">
            </div>
        </div>
    </div>
    <!-- 导航 -->
    <div class="nav">
        <div class="navCenter">
            <ul>
                <li>首页</li>
                <li>课程培训</li>
                <li>教学保障</li>
                <li>视频教程</li>
                <li>原创丛书</li>
                <li>企业内训</li>
                <li>认证考试</li>
                <li>公开课</li>
                <li>学员天地</li>
                <li>关于前锋</li>
                <li>u研创丛书</li>
                <li>xxxxs</li>
            </ul>
        </div>
    </div>
    <!-- banner图 -->
    <div class="banner">
        <img src="./images/gf_12.png" alt="">
    </div>
    <!-- CREA -->
    <div class="crea">
        <div class="creaCenter">

        </div>
    </div>
    <!-- h5介绍 -->
    <div class="h5">
        <div class="h5Center">

        </div>
    </div>
    <!-- 名师介绍 -->
    <div class="tech">
        <div class="techCenter">

        </div>
    </div>
    <!-- 底部footer -->
    <div class="footer">
        Footer
    </div>
</body>

</html>